<template>
  <div class="el">
    <el-row class="tac">
      <el-col :span="12">
        <el-menu class="el-menu-vertical-demo" background-color="#545c64" text-color="#fff" active-text-color="#ffd04b">
          <el-menu-item index="3">
            <i class="el-icon-menu"></i>
            <span slot="title" @click="first">首页</span>
          </el-menu-item>
          <el-submenu index="1">
            <template slot="title">
              <i class="el-icon-location"></i>
              <span>资金管理</span>
            </template>
            <el-menu-item-group>
              <el-menu-item index="1-2" @click="fundlist">资金流水</el-menu-item>
            </el-menu-item-group>
          </el-submenu>
          <el-submenu index="2">
            <template slot="title">
              <i class="el-icon-location"></i>
              <span>信息管理</span>
            </template>
            <el-menu-item-group>
              <el-menu-item index="2-2" @click="showInfoList">个人信息</el-menu-item>
            </el-menu-item-group>
          </el-submenu>

        </el-menu>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  name: 'leftMenu',
  methods: {
    showInfoList() {
      this.$router.push('/infoshow')
    },
    fundlist() {
      this.$router.push('/fundlist')
    },
    first() {
      this.$router.push('/home')
    }
  },

}
</script>

<style scoped>
.el-menu-vertical-demo {

  position: absolute;
  /* top: -530px; */
  height: 530px;
  width: 200px;
}

/* .tac {
  position: fixed;
} */
</style>
